import React, { Component } from 'react'
import { Link } from 'react-router-dom'
import { Form, Input, Button } from 'antd'
import { UserOutlined, EyeInvisibleOutlined } from '@ant-design/icons';
class Login extends Component {
    onFinishFn = (res) => {
        console.log(res);
    }
    render() {
        return (
            <div className="login">
                <div className="login-content">
                    <h1>用户登陆</h1>
                    <Form onFinish={this.onFinishFn}>
                        <Form.Item name="userName" className="mg-b-20">
                            <Input size="large" prefix={<UserOutlined />} className="w-100" />
                        </Form.Item>
                        <Form.Item name="password" className="mg-b-20">
                            <Input className="w-100" size="large" prefix={<EyeInvisibleOutlined />} />
                        </Form.Item>
                        <Button className="w-100" size="large" type="primary" htmlType="true">登 陆</Button>
                    </Form>
                </div>
            </div>
        )
    }
}
export default Login;